<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="小兔鲜儿官网，致力于打造全球最大的食品、生鲜电商购物平台">
  <meta name="keywords" content="小兔鲜儿，食品，生鲜，服装，家电，电商，购物">
  <title>小兔鲜儿-新鲜、惠民、快捷!</title>
  <!-- 引入网页小图标 -->

  <link rel="stylesheet" href="CSS/base.css">
  <link rel="stylesheet" href="CSS/common.css">
  <link rel="stylesheet" href="CSS/index.css">
</head>
<body>
  <!-- 快捷导航 -->
  <div class="shortcut">
    <div class="wrapper">
      <ul>
        <li><a href="#">请先登录</a></li>
        <li><a href="#">免费注册</a></li>
        <li><a href="#">我的订单</a></li>
        <li><a href="#">会员中心</a></li>
        <li><a href="#">帮助中心</a></li>
        <li><a href="#">在线客服</a></li>
        <li><a href="#"><span></span>手机版</a></li>
      </ul>
    </div>
  </div>
  <!-- 头部 -->
   <div class="header wrapper clearfix">
    <div class="logo"></div>
    <div class="nav">
      <ul>
        <li><a href="#">首页</a></li>
        <li><a href="#">生鲜</a></li>
        <li><a href="#">美食</a></li>
        <li><a href="#">餐厨</a></li>
        <li><a href="#">电器</a></li>
        <li><a href="#">居家</a></li>
        <li><a href="#">洗护</a></li>
        <li><a href="#">孕婴</a></li>
        <li><a href="#">服装</a></li>
      </ul>
    </div>
    <div class="search">
      <span></span>
      <input type="text" placeholder="搜一搜">
    </div>
    <div class="car"><span>2</span></div>
   </div>

   <!-- banner -->
    <div class="banner">
      <div class="wrapper">
        <div class="aside">
          <ul>
            <li><a href="#">生鲜 水果 蔬菜</a></li>
            <li><a href="#">美食 面点 干果</a></li>
            <li><a href="#">餐厨 数码产品</a></li>
            <li><a href="#">电器 床品 四件套 被枕</a></li>
            <li><a href="#">居家 奶粉 玩具 辅食</a></li>
            <li><a href="#">洗护 洗发 洗护 美妆</a></li>
            <li><a href="#">孕婴 奶粉 玩具</a></li>
            <li><a href="#">服饰 女装 男装</a></li>
            <li><a href="#">杂货 户外 图书</a></li>
            <li><a href="#">品牌 品牌制造</a></li>
          </ul>
        </div>
        <div class="prev"></div>
        <div class="next"></div>
        <div class="dots">
          <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 新鲜好物 -->
    <div class="fresh wrapper">
      <div class="top clearfix">
        <h2>新鲜好物</h2>
        <p>新鲜出炉 品质靠谱</p>
        <a href="#">查看全部</a>
      </div>
      <div class="bottom">
        <ul class="clearfix">
          <li>
            <img src="uploads/new_goods_1.jpg" alt="">
            <p>睿米无线吸尘器</p>
            <span>￥899</span>
            <i>新品</i>
          </li>
          <li>
            <img src="uploads/new_goods_2.jpg" alt="">
            <p>智能环绕3D空调</p>
            <span>￥1299</span>
            <i>新品</i>
          </li>
          <li>
            <img src="uploads/new_goods_3.jpg" alt="">
            <p>广东软软糯米煲仔饭</p>
            <span>￥129</span>
            <i>新品</i>
          </li>
          <li>
            <img src="uploads/new_goods_4.jpg" alt="">
            <p>罗西机械智能手表</p>
            <span>￥3399</span>
            <i>新品</i>
          </li>
        </ul>
      </div>
    </div>

    <!-- 人气推荐 -->
     <div class="popular wrapper">
      <div class="top clearfix">
        <h2>人气推荐</h2>
        <p>人气爆款 不容错过</p>
      </div>
      <div class="bottom">
        <ul class="clearfix">
          <li>
            <img src="uploads/popular_1.jpg" alt="">
            <h4>特惠推荐</h4>
            <p>我猜得到 你的需要</p>
          </li>
          <li>
            <img src="uploads/popular_2.jpg" alt="">
            <h4>爆款推荐</h4>
            <p>人气好物推荐</p>
          </li>
          <li>
            <img src="uploads/popular_3.jpg" alt="">
            <h4>场景使用一战买全</h4>
            <p>编辑精心整理推荐</p>
          </li>
          <li>
            <img src="uploads/popular_4.jpg" alt="">
            <h4>领券中心</h4>
            <p>发现更多超值优惠券</p>
          </li>
        </ul>
      </div>
     </div>

    <!-- 热门品牌 -->
     <div class="hot">
      <div class="wrapper">
        <div class="top">
          <h2>热门品牌</h2>
          <p>国际经典 品质保证</p>
          <a href="#"><span class="prev"></span></a>
          <a href="#"><span class="next"></span></a>
        </div>
        <div class="bottom">
          <ul class="clearfix">
            <li><img src="uploads/brand_goods_1.jpg" alt=""></li>
            <li><img src="uploads/brand_goods_2.jpg" alt=""></li>
            <li><img src="uploads/brand_goods_3.jpg" alt=""></li>
            <li><img src="uploads/brand_goods_4.jpg" alt=""></li>
            <li><img src="uploads/brand_goods_5.jpg" alt=""></li>
          </ul>
        </div>
      </div>
     </div>

     <!-- 生鲜 服饰 居家 -->
      <div class="main wrapper">
        <div class="top">
          <h2>生鲜</h2>
          <ul>
            <li><a href="#">水果</a></li>
            <li><a href="#">蔬菜</a></li>
            <li><a href="#">肉禽蛋</a></li>
            <li><a href="#">裤衩</a></li>
            <li><a href="#">衬衫</a></li>
            <li><a href="#">T恤</a></li>
            <li><a href="#">内衣</a></li>
            <li><a href="#">查看全部</a></li>
          </ul>
        </div>
        <div class="bottom clearfix">
          <div class="left"><img src="uploads/fresh_goods_cover.png" alt=""></div>
          <div class="right">
            <ul>
              <li>
                <img src="uploads/fresh_goods_1.jpg" alt="">
                <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
                <span>￥000</span>
              </li>
              <li>
                <img src="uploads/fresh_goods_4.jpg" alt="">
                <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
                <span>￥000</span>
              </li>
              <li>
                <img src="uploads/fresh_goods_3.jpg" alt="">
                <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
                <span>￥000</span>
              </li>
              <li>
                <img src="uploads/fresh_goods_4.jpg" alt="">
                <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
                <span>￥000</span>
              </li>
              <li>
                <img src="uploads/fresh_goods_4.jpg" alt="">
                <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
                <span>￥000</span>
              </li>
              <li>
                <img src="uploads/fresh_goods_3.jpg" alt="">
                <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
                <span>￥000</span>
              </li>
              <li>
                <img src="uploads/fresh_goods_1.jpg" alt="">
                <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
                <span>￥000</span>
              </li>
              <li>
                <img src="uploads/fresh_goods_1.jpg" alt="">
                <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
                <span>￥000</span>
              </li>
            </ul>
          </div>
        </div>
      </div>
<!-- 服饰 -->
<div class="main wrapper">
  <div class="top">
    <h2>服饰</h2>
    <ul>
      <li><a href="#">水果</a></li>
      <li><a href="#">蔬菜</a></li>
      <li><a href="#">肉禽蛋</a></li>
      <li><a href="#">裤衩</a></li>
      <li><a href="#">衬衫</a></li>
      <li><a href="#">T恤</a></li>
      <li><a href="#">内衣</a></li>
      <li><a href="#">查看全部</a></li>
    </ul>
  </div>
  <div class="bottom clearfix">
    <div class="left"><img src="uploads/clothes_goods_cover.jpg" alt=""></div>
    <div class="right">
      <ul>
        <li>
          <img src="uploads/clothes_goods_1.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/clothes_goods_2.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/clothes_goods_3.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/clothes_goods_4.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/clothes_goods_5.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/clothes_goods_6.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/clothes_goods_7.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/clothes_goods_8.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
      </ul>
    </div>
  </div>
</div>
<!-- 餐厨 -->
<div class="main wrapper">
  <div class="top">
    <h2>餐厨</h2>
    <ul>
      <li><a href="#">水果</a></li>
      <li><a href="#">蔬菜</a></li>
      <li><a href="#">肉禽蛋</a></li>
      <li><a href="#">裤衩</a></li>
      <li><a href="#">衬衫</a></li>
      <li><a href="#">T恤</a></li>
      <li><a href="#">内衣</a></li>
      <li><a href="#">查看全部</a></li>
    </ul>
  </div>
  <div class="bottom clearfix">
    <div class="left"><img src="uploads/kitchen_goods_cover.jpg" alt=""></div>
    <div class="right">
      <ul>
        <li>
          <img src="uploads/kitchen_goods_1.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/kitchen_goods_2.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/kitchen_goods_3.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/kitchen_goods_4.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/kitchen_goods_5.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/kitchen_goods_6.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/kitchen_goods_7.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/kitchen_goods_8.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
      </ul>
    </div>
  </div>
</div>
<!-- 居家 -->
<div class="main wrapper">
  <div class="top">
    <h2>生鲜</h2>
    <ul>
      <li><a href="#">水果</a></li>
      <li><a href="#">蔬菜</a></li>
      <li><a href="#">肉禽蛋</a></li>
      <li><a href="#">裤衩</a></li>
      <li><a href="#">衬衫</a></li>
      <li><a href="#">T恤</a></li>
      <li><a href="#">内衣</a></li>
      <li><a href="#">查看全部</a></li>
    </ul>
  </div>
  <div class="bottom clearfix">
    <div class="left"><img src="uploads/home_goods_cover.jpg" alt=""></div>
    <div class="right">
      <ul>
        <li>
          <img src="uploads/home_goods_1.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/home_goods_2.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/home_goods_3.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/home_goods_4.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/home_goods_5.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/home_goods_6.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/home_goods_7.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
        <li>
          <img src="uploads/home_goods_8.jpg" alt="">
          <p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只 <br>火锅食材</p>
          <span>￥000</span>
        </li>
      </ul>
    </div>
  </div>
</div>

<!-- 最新专题 -->
<div class="newest">
  <div class="wrapper">
    <div class="top clearfix">
      <h2>最新专题</h2>
      <a href="#">查看全部</a>
    </div>
    <div class="bottom">
      <ul class="clearfix">
        <li>
          <img src="uploads/topic_goods_1.jpg" alt="">
          <h4>吃这些美食才不算辜负自己</h4>
          <p>餐厨起居洗护好物</p>
          <span class="price">￥9.9起</span>
          <div class="detail">
            <div class="love"><span></span>511</div>
            <div class="eyes"><span></span>1800</div>
            <div class="comment"><span></span>251</div>
          </div>
        </li>
        <li>
          <img src="uploads/topic_goods_2.jpg" alt="">
          <h4>吃这些美食才不算辜负自己</h4>
          <p>餐厨起居洗护好物</p>
          <span class="price">￥9.9起</span>
          <div class="detail">
            <div class="love"><span></span>511</div>
            <div class="eyes"><span></span>1800</div>
            <div class="comment"><span></span>251</div>
          </div>
        </li>
        <li>
          <img src="uploads/topic_goods_3.jpg" alt="">
          <h4>吃这些美食才不算辜负自己</h4>
          <p>餐厨起居洗护好物</p>
          <span class="price">￥9.9起</span>
          <div class="detail">
            <div class="love"><span></span>511</div>
            <div class="eyes"><span></span>1800</div>
            <div class="comment"><span></span>251</div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>

<!-- 售后服务 -->
<div class="service wrapper">
  <ul class="clearfix">
    <li>
      <h4>客户服务</h4>
      <div class="customer"><span></span>在线客服</div>
      <div class="problem"><span></span>问题反馈</div>
    </li>
    <li>
      <h4>关注我们</h4>
      <div class="public"><span></span>关注我们</div>
      <div class="microblog"><span></span>微博</div>
    </li>
    <li>
      <h4>下载APP</h4>
      <div class="qr"><img src="uploads/qrcode.jpg" alt=""></div>
      <div class="message">
        <p>扫描二维码<br>立马下载APP</p>
        <a href="#">下载页面</a>
      </div>
    </li>
    <li>
      <h4>服务热线</h4>
      <p class="rexian">400-0000-000</p>
      <span class="time">周一至周日 8:00-18:00</span>
    </li>
  </ul>
</div>

    <!-- 尾部 -->
    <div class="footer">
      <div class="wrapper">
        <div class="top">
          <ul class="clearfix">
            <li><span></span>价格亲民</li>
            <li><span></span>物流快捷</li>
            <li><span></span>品质新鲜</li>
          </ul>
        </div>
        <div class="bottom">
          <p>
            <a href="#">关于我们</a>
            <a href="#">帮助中心</a>
            <a href="#">售后服务</a>
            <a href="#">配送与验收</a>
            <a href="#">商务合作</a>
            <a href="#">搜索推荐</a>
            <a href="#">友情链接</a>
          </p>
          <p>CopyRight @ 小兔鲜儿</p>
        </div>
      </div>
    </div>
</body>
</html>